import React, { Component } from 'react'

export default class Demo extends Component {
  state={count:0}
  add=()=>{
    // 对象式的setState
    // const {count}=this.state
    // this.setState({count:count+1},()=>{
    //   console.log(this.state.count);//此处能拿到修改后的count值，setState有两个参数，第二个参数是一个回调函数可以获取最新的状态
    // })
    // console.log(this.state.count);//因为setState修改状态是异步的所以此行打印值为0
    // 函数式的setState
    this.setState(state=>({count:state.count+1}))
  }
  render() {
    return (
      <div>
        <h1>{this.state.count}</h1>
        <button onClick={this.add}>加一</button>
      </div>
    )
  }
}
